<!-- CSS 3 -->
<style type="text/css">


/* CSS 2 */	

.rbroundbox { 
	background: url('img/nt.gif') repeat; 
}
.rbtop div { 
	background: url('img/tl.gif') no-repeat top left; 
}
.rbtop { 
	background: url('img/tr.gif') no-repeat top right; 
}
.rbbot div { 
	background: url('img/bl.gif') no-repeat bottom left; 
}
.rbbot { 
	background: url('img/br.gif') no-repeat bottom right; 
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent{
	height:20%;
}
.rbroundbox { 
	width: 20%;
}
</style>
<!-- CSS3 -->
<h2>Border-radius (Rounded Corners)</h2>

<!-- CSS2 -->
<div class="rbroundbox">
	<div class="rbtop">
		<div></div>
	</div>
	<div class="rbcontent">
&nbsp &nbsp &nbsp &nbsp CSS2
	</div>
	<div class="rbbot">
		<div>
		</div>
	</div>
</div>
<pre>
.rbroundbox { 
	background: url('img/nt.gif') repeat; 
}
.rbtop div { 
	background: url('img/tl.gif') no-repeat top left; 
}
.rbtop { 
	background: url('img/tr.gif') no-repeat top right; 
}
.rbbot div { 
	background: url('img/bl.gif') no-repeat bottom left; 
}
.rbbot { 
	background: url('img/br.gif') no-repeat bottom right; 
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent{
	height:20%;
}
.rbroundbox { 
	width: 20%;
}
</pre>